﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="FormularioTransaccion.aspx.cs" Inherits="Servicios_Transaccion_FormularioTransaccion" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <div class="ui-widget-content ui-corner-all" id="marcoForm">
        <h3 id="titulo" class="ui-widget-header ui-corner-all">Administracion de Servicios: Transacciones</h3>
        <div id="content">
            <div id="desc_form">
                Formulario para crear o modificar Transacciones registradas en el sistema.
            </div>
            <iudicium:Notify ID="ControlNotificacion" runat="server" />
            <div id="camposForm" class="validationGroup">
                <div class="field">
                    <div class="label">
                    <asp:Label ID="TipoTransaccionLabel" runat="server" AssociatedControlID=""
                        Text="Tipo de Transaccion"></asp:Label>
                    <asp:Label ID="TipoTransaccionErrorLabel" runat="server"
                            CssClass="mensajes"></asp:Label>
                    </div>
                        <asp:RadioButton ID="IngresoRadioButton" runat="server" Checked="true"
                            GroupName="TipoTransaccion"
                            Text="Ingreso" />
                        <asp:RadioButton ID="EgresoRadioButton" runat="server"
                            GroupName="TipoTransaccion"
                            Text="Egreso" />
                        <asp:Literal ID="TipoTransaccionLiteral" runat="server" Visible="false"></asp:Literal>
                </div>
                <div class="field">
                    <div class="label">
                        <asp:Label ID="FechaLabel" runat="server" Text="Fecha de Transaccion"
                            AssociatedControlID="FechaTextBox"></asp:Label>
                        <asp:Label ID="FechaErrorLabel" runat="server"
                            CssClass="mensajes">
                        </asp:Label>
                    </div>
                    <asp:TextBox ID="FechaTextBox" runat="server"
                        CssClass="smallField"
                        Text="">
                    </asp:TextBox>
                    <asp:Image ID="HelpImage" runat="server"
                        CssClass="help"
                        ImageUrl="~/Images/help.png"
                        ToolTip="Solo se pueden registrar transacciones entre la fecha de inicio del servicio hasta la fecha de hoy" />
                    <asp:Literal ID="FechaLiteral" runat="server"
                        Visible="false">
                    </asp:Literal>
                </div>      
                <div class="field">
                    <div class="label">
                        <asp:Label ID="DescripcionLabel" runat="server" Text="Descripcion de Transaccion"
                            AssociatedControlID="DescripcionTextBox"></asp:Label>
                        <asp:Label ID="DescripcionErrorLabel" runat="server"
                            CssClass="mensajes">
                        </asp:Label>
                    </div>
                    <asp:TextBox ID="DescripcionTextBox" runat="server"
                        ToolTip="Ingrese el concepto de la transaccion"
                        CssClass="bigField hint"
                        Text="" TextMode="MultiLine"></asp:TextBox>
                </div> 
                <div class="field">
                    <div class="label">
                        <asp:Label ID="MontoLabel" runat="server" Text="Monto"
                            AssociatedControlID="MontoTextBox"></asp:Label>
                        <asp:Label ID="MontoErrorLabel" runat="server"
                            CssClass="mensajes">
                        </asp:Label>
                    </div>
                    <asp:TextBox ID="MontoTextBox" runat="server"
                        Text=""></asp:TextBox>
                </div>       
                <div id="botonesForm">
                    <asp:LinkButton ID="GuardarLinkButton" runat="server"
                        Text="Guardar"
                        CssClass="button causesValidation"
                        OnClick="GuardarLinkButton_Click">
                    </asp:LinkButton>
                    <asp:LinkButton ID="CancelarLinkButton" runat="server"
                        OnClick="CancelarLinkButton_Click"
                        CssClass="cancelOption"
                        Text="Cancelar">
                    </asp:LinkButton>
                </div>
            </div>
        </div>
    </div>
    <asp:HiddenField ID="TransaccionIdHiddenField" runat="server" Value="0" />
    <asp:HiddenField ID="ServicioIdHiddenField" runat="server" Value="0" />
    <asp:HiddenField ID="BackToUrlHiddenField" runat="server" />
    <asp:HiddenField ID="EstadoServicioHiddenField" runat="server" Value="En Proceso" />
    
    <script type="text/javascript">
        $(document).ready(function() {
            
            $(".hint").tipTip({ defaultPosition: 'right', activation: 'focus' });
            $(".help").tipTip({ defaultPosition: 'right', activation: 'hover' });
            
            $("#<%= FechaTextBox.ClientID %>").keypress(function(event) {
                return false;
            });
            
            $("#<%= FechaTextBox.ClientID %>").datepicker($.datepicker.regional['es']);
            $("#<%= FechaTextBox.ClientID %>").datepicker('option',
            {
                dateFormat: 'yy-mm-dd',
                changeMonth: true,
                changeYear: true,
                maxDate: new Date(),
                minDate: <asp:Literal ID="MinDateLiteral" runat="server" Text="new Date()" />
            });
            var date = <asp:Literal ID="SelectedDateLiteral" runat="server" Text="'';" />
            if(date != "")
                $("#<%= FechaTextBox.ClientID %>").datepicker("setDate",date);
            $("#aspnetForm").validate({
                onsubmit: false,
                errorPlacement: function(error, element) {
                    error.appendTo(element.prev("div.label").children("span.mensajes")); //pone el mensaje de error en el label del field
                },
                rules: {
                   <%= FechaTextBox.UniqueID %>: {
                        date: true,
                        required: true
                    },
                    <%= DescripcionTextBox.UniqueID %>: {
                        required: true
                    },
                     <%= MontoTextBox.UniqueID %>: {
                        required: true,
                        number:true
                    }
                },
                messages: {
                    <%= FechaTextBox.UniqueID %>: {
                        required: " Ingrese la fecha de la Transaccion",
                        date: " El formato de fecha no es correcto. Debe ser con el formato (AAAA/MM/DD)"                 
                    },
                    <%= DescripcionTextBox.UniqueID %>: {
                        required: " Ingrese la descripcion de la Transaccion" 
                    },
                    <%= MontoTextBox.UniqueID %>: {
                        required: " Ingrese el monto de transaccion",
                        number: " En valor ingresado para el monto no es valido, debe ser un valor entero o decimal"
                    }
                }
            });
        });
        
    </script>
</asp:Content>

